<template>
<div>
    <homeHeader :submenu="submenu" :active="active"/>
    <div class="bodyer">
        <div class="active-page content">
            <div class="title">
                <img src="https://066981.com/themes/simpleboot3/public/assets/static/images/active_bg.png?imageView2/2/w/1000/h/89" alt="优惠活动">
            </div>
        </div>
        <div class="banner content">
            <Collapse simple>
                <Panel name="1">
                    <img src="https://066981.com/themes/simpleboot3/public/assets/images/banner0.jpg" style="margin-bottom: 26px;">
                    <div slot="content">
                        <div class="floorDetail" style="display: block;"><!---->
                                <div class="inHtml"><h3>晋级奖励<i></i>
                                </h3> 
                                    <em>当前等级：<i>未登录</i></em> <em>晋级奖励：<i>0</i></em> <a class="disable">不可领取</a>
                                    
                                    <h3>晋级机制<i></i></h3>
                                    <table width="60%" style="table-layout: fixed;border-spacing: 0;">
                                        <tbody>
                                        <tr>
                                            <th>等级</th>
                                            <th>额度</th>
                                            <th>失效时间(天)</th>
                                            <th>晋级奖励(元)</th>
                                            <th>跳级奖励(元)</th>
                                        </tr>
                                                                            <tr>
                                            <td>vip 1</td>
                                            <td>0.00</td>
                                            <td>1</td>
                                            <td>0.00</td>
                                            <td>0.00</td>
                                        </tr>
                                                                            <tr>
                                            <td>vip 2</td>
                                            <td>10.00</td>
                                            <td></td>
                                            <td>1</td>
                                            <td>1.00</td>
                                        </tr>
                                                                            <tr>
                                            <td>vip 3</td>
                                            <td>200.00</td>
                                            <td></td>
                                            <td>5</td>
                                            <td>6.00</td>
                                        </tr>
                                                                            <tr>
                                            <td>vip 4</td>
                                            <td>1000.00</td>
                                            <td></td>
                                            <td>10</td>
                                            <td>16.00</td>
                                        </tr>
                                                                            <tr>
                                            <td>vip 5</td>
                                            <td>10000.00</td>
                                            <td></td>
                                            <td>58</td>
                                            <td>74.00</td>
                                        </tr>
                                                                            <tr>
                                            <td>vip 6</td>
                                            <td>50000.00</td>
                                            <td></td>
                                            <td>318</td>
                                            <td>392.00</td>
                                        </tr>
                                                                            <tr>
                                            <td>vip 7</td>
                                            <td>250000.00</td>
                                            <td></td>
                                            <td>1688</td>
                                            <td>2080.00</td>
                                        </tr>
                                                                            <tr>
                                            <td>vip 8</td>
                                            <td>1000000.00</td>
                                            <td></td>
                                            <td>6888</td>
                                            <td>8968.00</td>
                                        </tr>
                                                                            <tr>
                                            <td>vip 9</td>
                                            <td>5000000.00</td>
                                            <td></td>
                                            <td>38888</td>
                                            <td>47856.00</td>
                                        </tr>
                                                                            <tr>
                                            <td>vip 10</td>
                                            <td>20000000.00</td>
                                            <td></td>
                                            <td>58888</td>
                                            <td>106744.00</td>
                                        </tr>
                                                                            </tbody>
                                    </table>
                                    <!-- <h3>活动说明<i></i></h3></div>
                                <div class="activityCon"><p>1、会员每晋升一个等级，都能获得奖励，最高可达38888元。&nbsp;</p>
                                    <p>2、充值1元可获得1成长积分。&nbsp;</p>
                                    <p><br> &nbsp;</p>
                                    <p>例1：奥巴马从VIP1直接晋升到VIP4，他将能获得1+5+10=16元奖励。</p>
                                    <p>例2：本拉登从VIP2直接晋升到VIP4，他将能获得5+10=15元奖励。</p></div> -->
                            </div>
                        </div>
                    </div>
                </Panel>
                <Panel name="2">
                    <img src="https://066981.com/themes/simpleboot3/public/assets/images/banner1.png" style="margin-bottom: 26px;">
                    <p slot="content">斯蒂夫·盖瑞·沃兹尼亚克（Stephen Gary Wozniak），美国电脑工程师，曾与史蒂夫·乔布斯合伙创立苹果电脑（今之苹果公司）。斯蒂夫·盖瑞·沃兹尼亚克曾就读于美国科罗拉多大学，后转学入美国著名高等学府加州大学伯克利分校（UC Berkeley）并获得电机工程及计算机（EECS）本科学位（1987年）。</p>
                </Panel>
            </Collapse>
        </div>
    </div>
    <homeFooter />
</div>
    
</template>
<script>
import homeHeader from "@/components/home/header";
import homeFooter from "@/components/home/footer";
import {Collapse,Panel} from 'iView'
export default {
    name:"mobile",
    data(){
        return {
            submenu:true,
            active:"6"
        }
    },
    components:{
        homeHeader,
        homeFooter,
        Collapse,
        Panel
    }
}
</script>
<style scoped>
.floorDetail{
    margin-top: 15px !important;
    border-top: 2px dashed #e6e6e6;
    overflow: hidden;
    width: 970px !important;
    clear: both;
}
.floorDetail h3 {
    display: block;
    background: #d2dbe0;
    width: 84px;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    margin-top: 30px;
    margin-bottom: 10px;
}
.floorDetail h3 i {
    display: inline-block;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 10px solid #d2dbe0;
    position: absolute;
    margin-left: 14px;
}
.floorDetail em, .floorDetail i {
    font-size: 14px;
}
.floorDetail i {
    color: #f76727;
}
.floorDetail em{
    margin-right: 15px;
}
.floorDetail a {
    font-size: 16px;
    color: #fff;
    background: #e4393c;
    border-radius: 4px;
    padding: 7px 18px;
}
.floorDetail .disable {
    background: #d6d6d6;
    color: #999;
}
.floorDetail table {
    text-align: center;
    table-layout: fixed;
}
.floorDetail table td, .floorDetail table th {
    border: 1px solid #e6e6e6;
    height: 40px;
    font-size: 14px;
}
.floorDetail table th {
    background-color: #4393be;
    color: #fff;
    font-weight: 100;
}
</style>
<style>
.banner .ivu-icon{
    display:none;
}
.banner .ivu-collapse>.ivu-collapse-item>.ivu-collapse-header{
    padding-left:0;
    height: 178px;
}
.banner .ivu-collapse>.ivu-collapse-item{
    margin-bottom:26px;
}
</style>

